<!DOCTYPE html>
{% load staticfiles %}

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = 'https://connect.facebook.net/zh_CN/sdk.js#xfbml=1&version=v2.12';
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<head>

    <!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8">
	<title>Williams_Z＇s Blog</title>
	<meta name="description" content="Free Responsive Html5 Css3 Templates | zerotheme.com">
	<meta name="author" content="www.zerotheme.com">

    <!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <!-- CSS
  ================================================== -->
  	<link rel="stylesheet" href="{% static 'css/zerogrid.css' %}">
	<link rel="stylesheet" href="{% static 'css/style.css' %}">
	<link rel="stylesheet" href="{% static 'css/component.css' %}">
	<link rel="stylesheet" href="{% static 'css/responsive.css' %}">


	<link href='{% static 'images/favicon.ico' %}' rel='icon' type='image/x-icon'/>

</head>
<body>
    <div class="wrap-body">
    <!--------------Header--------------->
    <header>
        <div class="top-header">
            <div class="wrap-top zerogrid">
                <div class="row">
                    <div class="top-social">
{#                        <div class="fb-share-button" data-href="http://127.0.0.1:8000/index/" data-layout="button_count" data-size="small" data-mobile-iframe="true"><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2F127.0.0.1%3A8000%2Findex%2F&amp;src=sdkpreparse" class="fb-xfbml-parse-ignore">分享</a></div>#}
                        <a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2F127.0.0.1%3A8000%2Findex%2F&amp;src=sdkpreparse class="fb-xfbml-parse-ignore target="_blank"><img src="{% static 'images/facebook.png' %}" title="facebook"/></a>
{#                        <a href="#"><img src="{% static 'images/twitter.png' %}" title="twitter"/></a>#}
{#                        <a href="#"><img src="{% static 'images/google.png' %}" title="google"/></a>#}
{#                        <a href="#"><img src="{% static 'images/pinterest.png' %}" title="pinterest"/></a>#}
{#                        <a href="#"><img src="{% static 'images/instagram.png' %}" title="instagram"/></a>#}
                    </div>
                    <div class="top-search"><form method="get" action="/search" id="search">
                      <input name="q" type="text" size="40" placeholder="Search..." />
                    </form></div>
                </div>
            </div>
        </div>
        <div class="wrap-header zerogrid">
            <div class="row">
                <div class="col-1-3">
                    <div id="logo"><a href="#"><img src="{% static 'images/logo.png' %}"/></a></div>
                </div>
                <div class="col-2-3">
                    <nav>
                        <a class="toggleMenu" href="#">Menu</a>
                        <ul class="menu">
                            <li><a href="{% url 'index' %}">Home</a></li>
                            <li>
                                <a href="#" class="parent">Categories</a>
                                <ul>
                                    {% block bread %}

                                    {% endblock %}

                                </ul>
                            </li>
                            <li><a href="single.html">About</a></li>
                            <li><a href="contact.html">Contact Us</a></li>
                        </ul>
                    </nav>
                </div>

            </div>
        </div>
    </header>


    {% block content %}

    {% endblock %}

    <footer>
        <div class="wrap-footer zerogrid">
            <div class="row">
                <div class="col-full">
                    <div class="wrap-col">
                        <h1>zSarah</h1>
                        <p>Free Html5 Templates - Zerotheme.com</p>
                        <div class="menu-bottom">
                            <ul>
                                <li><a href="#">Home</a></li>
                                <li><a href="#">Blog</a></li>
                                <li><a href="#">About</a></li>
                                <li><a href="#">Contact</a></li>

                            </ul>
                            <div class="clear"></div>
                        </div>

                    </div>
                </div>

            </div>
        </div>
        <div class="copyright">
            <p>Copyright © 2018 </p>
        </div>
    </footer>

    </div>
    <script type="text/javascript" src="{% static 'js/jquery.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/navigation.js' %}"></script>
</body>
</html>